<template>
  <div class="table-container">异常单列表
    <!--  width="100%" -->
    <el-table v-loading="ProjectData.Loading" :height="ProjectData.height" :data="ProjectData.list" style="width: 100%" :row-class-name="tableRowClassName"
      >
      <!-- <el-table-column label="创建时间" prop="createTime" min-width="150" show-overflow-tooltip align="center">
        <template slot-scope="{ row }">
          {{ row.createTime | dataformate('YYYY-MM-DD HH:mm') }}
        </template>
      </el-table-column> -->
      <el-table-column label="分析原因" prop="causeAnalysis" min-width="150" show-overflow-tooltip align="center" />
      <el-table-column label="描述" prop="description" show-overflow-tooltip align="center" />
      <el-table-column label="描述" prop="description" show-overflow-tooltip align="center">
         <template  #default="scope">
          <!-- 需要什么数据 -->
          <el-button type="primary" size="small" @click="lookDetail(scope.row)">详情</el-button>
        </template>
      </el-table-column>

      <!-- <el-table-column label="处理说明" prop="treatment" show-overflow-tooltip align="center" /> -->
      <!-- <el-table-column label="异常等级" prop="hazardLevel" show-overflow-tooltip align="center" /> -->
    </el-table>
  </div>

</template>

<script setup lang='ts'>
import { reactive, toRefs, onBeforeMount, onMounted,nextTick } from 'vue'
import abnormalModel from '@/composables/02Review/01ProjectMan/Abnormal'
const  {ProjectData,getAbnormalList,tableRowClassName} =abnormalModel()
const emit = defineEmits(['lookAbnormalDetail'])
const lookDetail=(row)=>{
  emit('lookAbnormalDetail',row)
}
defineExpose({getAbnormalList})

</script>
<style scoped lang='scss'>
.table-container {
  height: 100%;
  width: 100%;
  overflow: auto;
}
</style>